<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>盈宏金属官网</title>
    <link rel="stylesheet" type="text/css" href="./font_2453385_6lzrc4y7gv/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="CSS/indexstyle.css"/>
    <link rel="stylesheet" type="text/css" href="CSS/public.css"/>
    <link rel="stylesheet" type="text/css" href="css/banner_fullslide.css"/>
    <!--引用百度地图API-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>
<body>
    <header>
        <!-- 顶部 -->
        <a href=""><span class="iconfont icon-home" ></span>
        <span class="shouye">设为首页</span></a>
        <a href=""><span class="iconfont icon-star"></span>
        <span class="shoucang">收藏我们</span></a>
    </header>
    <!-- 一级、二级标题 -->
    <div class="nav">
        <span class="logo f_left"><img src="pictrue/images/images/logo.png"></span>
        <ul>
            <li><a class="shouye-title" href="#">首页</a></li>
            <li><a href="#">公司简介</a>
                <ul>
                   <li><a href="#">公司详情</a></li>
                   <li><a href="#">公司人员</a></li>
                </ul>
            </li>
            <li><a href="#">供应产品</a>
                <ul>
                   <li><a href="#">楼承板</a></li>
                   <li><a href="#">压型板</a></li>
                   <li><a href="#">钢条</a></li>
                </ul>
            </li>
            <li><a href="">公司动态</a></li>
            <li><a href="">行业动态</a></li>
            <li><a href="">我们的优势</a></li>
            <li><a href="">公司资质</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
        <span class="search f_left">
            <input type="text" placeholder="搜索"/>
            <a href=""><span class="search_button iconfont icon-sousuo">
            </span></a>
        </span>
    </div>
    <!-- 轮播 -->
    <div class="fullSlide">
        <div class="bd">
            <ul>
                <li _src="url(cj/images/banner_1.png)"><a href="#"></a></li>
                <li _src="url(pictrue/images/images/lb-2_02.png)"><a href="#"></a></li>
                <li _src="url(pictrue/images/images/lb-3_02.png)"><a href="#"></a></li>
            </ul>
        </div>
        <div class="hd"><ul></ul></div>
        <span class="prev"></span>
        <span class="next"></span>
    </div>
    <main>
        <!-- 关于我们 -->
        <div class="about_us">
            <h2></h2>
            <img src="./pictrue/images/images/2.png">
            <p><span>重庆盈宏金属科技有限公司</span>专业加工、制作钢结构厂房围护系统，公司注册资金1000万元，地处重庆长寿工业园区，占地10000平方米，是一家集
                钢结构建筑围护系统研发设计、加工制造、物流配送于一体的专业化公司,公司致力于低碳、环保、节能产品的研发与推广,倡导绿色建筑。</p>
            <h4>公司理念</h4>
            <p class="text_h4">公司秉承诚信、创新、服务、共赢的经营理念,携手客户,陪伴员工,在合作、共赢的未来征途中,立志成为共享绿色建筑,开启低碳生活的倡导者和
                践行者。</p>
            <img src="./pictrue/images/images/3_03.png">               
        </div>
        <!-- 公司动态 -->
        <div class="news_company">
            <h2></h2>
            <div class="gsdt-left f_left">
                <h3></h3>
                <ul>
                    <li><a href="#">>> 力诚建材大川店、龙溪店、美每家店三店联动夏季促销<span>2013-12-5</span></a></li>
                    <li><a href="#">>> 力诚韵木整装白色象牙系列低至1198元/樘起<span>2013-12-5</span></a></li>
                    <li><a href="#">>> 即日起，市民至上述三店内交纳100元订金，就可享受此...<span>2013-12-5</span></a></li>
                    <li><a href="#">>> 参与此次活动的商品价格将低于淘宝网均价10%-45%  <span>2013-12-5</span></a></li>
                    <li><a href="#" class="more">>>了解更多</a></li>
                </ul>
            </div>
            <div class="xwzx-right f_right">
                <h3></h3>
                <ul>   
                    <li class="shuzi1"><a href="">资本挥师济南助力山东半岛地产1月份融资</a></li>
                    <li class="shuzi2"><a href="">规模超预期货币政策将维持</a></li>
                    <li class="shuzi3"><a href="">中国吸引资本流入底气不减抄底资产还是谋求转</a></li>
                    <li class="shuzi4"><a href="">房企纷纷进军老友相聚老歌传情资本邀投资人</a></li>
                    <li><a href="#" class="more">>>了解更多</a></li>
                </ul>
            </div>
            <img src="./pictrue/images/images/3_03.png">     
        </div>  
        <!-- 产品展示 -->
        <div class="product_show">
            <h2></h2>
            <div class="cptj">
                <h3><a href="">more<<</a></h3>
                <div class="cptj_T">
                    <figure><a href=""><img src="pictrue/images/images/pic1.png"></a></figure>
                    <figure><a href=""><img src="pictrue/images/images/pic1.png"></a></figure>
                    <figure><a href=""><img src="pictrue/images/images/pic1.png"></a></figure>
                    <figure><a href=""><img src="pictrue/images/images/pic1.png"></a></figure>
                </div>
            </div>
            <div class="gycp">
                <h3>more<<</h3>
                <div class="gycp_T">
                    <figure><img src="pictrue/images/images/pic5.png"><p>楼承板-678</p></figure>
                    <figure><img src="pictrue/images/images/pic6.png"><p>楼承板-710</p></figure>
                    <figure><img src="pictrue/images/images/pic7.png"><p>楼承板-915</p></figure>
                </div>
            </div>
        </div>
        <!-- 合作伙伴 -->
        <div class="partner">
            <h2></h2>
            <div class="dp_1">
                <img class="pic1" src="./pictrue/images/images/盾牌1.png">
                <img class="pic2" src="pictrue/images/images/盾牌小图1.png">
                <div class="more1">
                    <p>更多</p>
                </div>
                <p class="text">合作伙伴合作伙伴合<br>作伙伴合作伙伴合作<br>伙伴合作伙伴合作伙<br>伴合作伙伴合作伙伴</p>
            </div>
            <div class="dp_2">
                <img src="./pictrue/images/images/盾牌2.png">
                <img class="pic2" src="pictrue/images/images/盾牌小图2.png">
                <div class="more2">
                    <p>更多</p>
                </div>
                <p class="text">合作伙伴合作伙伴合<br>作伙伴合作伙伴合作<br>伙伴合作伙伴合作伙<br>伴合作伙伴合作伙伴</p>
            </div>
            <div class="dp_3">
                <img src="./pictrue/images/images/盾牌3.png">
                <img class="pic2" src="pictrue/images/images/盾牌小图3.png">
                <div class="more3">
                    <p>更多</p>
                </div>
                <p class="text">合作伙伴合作伙伴合<br>作伙伴合作伙伴合作<br>伙伴合作伙伴合作伙<br>伴合作伙伴合作伙伴</p>
            </div>  
        </div>
        <!-- 联系我们 -->
        <div class="content">
            <h2></h2>
            <div class="bigbox">
                <!-- <img class="ditu" SRC="pictrue/images/images/地图_20.png"> -->
                <div id="dituContent">
                </div>
                <h2>重庆盈洪金属科技有限公司</h2>
                <ul>
                    <li>公司地址：重庆市长寿区晏家工业园区</br>齐心大道19号</li>
                    <li>电话号码：023-85320325、85320228</li>
                    <li>公司邮箱：794184941@qq.com</li>
                    <li>公司网址：www.cqkozo.com</li>
                </ul>
                <img class="erweima" src="pictrue/images/images/二维码_23.png">
            </div>
            <h3><a href="">more<<</a></h3>
            <p>赣榆信息网  郑州装饰网  相框线条批发  桐庐装修  安康装修  网盘锦吧  装修网  张家界装修公司  合肥装修网  深圳装修公司 
                罗湖装修公司  南沙装修网  咸宁家装网  </p>
        </div>
        <!-- 底部 -->
        <div class="buttom">
                <img src="./pictrue/images/images/底部.png">
        </div>
    </main>
</body>  
<script type="text/javascript" src="cj/js/jquery.js"></script>
<script type="text/javascript" src="cj/js/superslide.2.1.js"></script>
<script type="text/javascript" src="cj/js/banner_fullslide.js"></script> 
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=B4oI8bhlGDPQNoXf7YiXUQ12dcOwTjEO"></script>

<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
    } 
    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        // var point = new BMap.Point(102.71618,25.066516);//定义一个中心点坐标
        var point = new BMap.Point(106.6017383396645,29.42871038550884);//定义一个中心点坐标
        
        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }   
    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }
    //标注点数组
    var markerArr = [{title:"我的标记",content:"我的备注",point:"102.716027|25.066516",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
		 ];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
			var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
			var iw = createInfoWindow(i);
			var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
			marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                        borderColor:"#808080",
                        color:"#333",
                        cursor:"pointer"
            });
			
			(function(){
				var index = i;
				var _iw = createInfoWindow(i);
				var _marker = marker;
				_marker.addEventListener("click",function(){
				    this.openInfoWindow(_iw);
			    });
			    _iw.addEventListener("open",function(){
				    _marker.getLabel().hide();
			    })
			    _iw.addEventListener("close",function(){
				    _marker.getLabel().show();
			    })
				label.addEventListener("click",function(){
				    _marker.openInfoWindow(_iw);
			    })
				if(!!json.isOpen){
					label.hide();
					_marker.openInfoWindow(_iw);
				}
			})()
        }
    }  
    function createIcon(json){
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }
    initMap();//创建和初始化地图
</script>
</html>